<!--//脚本数据-->
<!--<script setup>-->
<!--  import {ref} from 'vue';-->
<!--  // var msg = "你好";-->
<!--  //绑定数据绑定值-->
<!--  const msg = ref("你好");//const:声明常量-->
<!--  const htmlA = ref("<span style='color: red'>abcdefg</span>");-->
<!--  const bindA = ref("height:100px;width:100px;background-color:green;");-->
<!--  const num = ref(1);-->
<!--  const islogin = ref(false);-->
<!--  const loginname = ref("未登录");-->
<!--  function clickA(){-->
<!--    console.log('执行了A');-->
<!--    //改变绑定的数据-->
<!--    msg.value = "hello world";-->
<!--    htmlA.value = "<span style='color: pink'>上山打老虎</span>";-->
<!--    bindA.value = "height:200px;width:200px;background-color:skyblue;";-->
<!--    islogin.value = !islogin.value;-->
<!--  }-->
<!--</script>-->
<!--//组件-->
<!--<template>-->
<!--  <span>消息是：{{msg}}</span>-->
<!--  <div v-html='htmlA'></div>-->
<!--  <button @click = 'clickA'>点击按钮</button>-->
<!--  <div :style="bindA"></div>-->
<!--  <button @click = "num++">{{num}}</button>-->
<!--  <span v-if="islogin">张三</span>-->
<!--  <span v-else>未登录</span>-->
<!--</template>-->
<!--<template>-->
<!--  <div class="mb-4">-->
<!--    <el-button>Default</el-button>-->
<!--    <el-button type="primary">Primary</el-button>-->
<!--    <el-button type="success">Success</el-button>-->
<!--    <el-button type="info">Info</el-button>-->
<!--    <el-button type="warning">Warning</el-button>-->
<!--    <el-button type="danger">Danger</el-button>-->
<!--  </div>-->
<!--</template>-->

<!--<script setup>-->
<!--</script>-->

<!--<template>-->
<!--  <div class="common-layout">-->
<!--    <el-container>-->
<!--      <el-header>-->
<!--        <el-row :gutter="24">-->
<!--          <el-col :span="2":offset="1"><img src = './static/logo.png' class="chany-logo"></el-col>-->
<!--          <el-col :span="2" :offset="18"></el-col>-->
<!--        </el-row>-->
<!--      </el-header>-->
<!--      <el-container>-->
<!--        <el-aside width="200px">Aside</el-aside>-->
<!--        <el-main>Main</el-main>-->
<!--      </el-container>-->
<!--    </el-container>-->
<!--  </div>-->
<!--</template>-->
<!--<script setup>-->
<!--  //引入部分-->
<!--  import {ref} from 'vue'-->

<!--  //声明变量-->
<!--  const islogin = ref(false);-->

<!--  //业务方法-->

<!--</script>-->
<!--<style>-->
<!--.chany-logo{-->
<!--  height: 60px;-->
<!--  width: 60px;-->
<!--  border-radius: 50%;-->
<!--}-->
<!--.el-header{-->
<!--  background-color: red;-->
<!--}-->
<!--.el-aside{-->
<!--  background-color: pink;-->
<!--  height: 800px;-->
<!--}-->
<!--.el-main{-->
<!--  background-color: skyblue;-->
<!--  height: 800px;-->
<!--}-->
<!--</style>-->


<script setup>

</script>

<template>
  <router-view></router-view>
</template>

<style>
html,
body,
#app {
  padding: 0px;
  height: 100%;
  width: 100%;
  max-width: 100%;
  display: block;
}


.avatar-uploader .el-upload {
  border: 1px dashed #8c939d;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  width: 178px;
  height: 178px;
  transition: var(--el-transition-duration-fast);
}

.avatar-uploader .el-upload:hover {
  border-color: var(--el-color-primary);
}

.avatar-uploader .avatar{
  max-width: 178px;
  max-height: 178px;
}

.el-icon.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 178px;
  text-align: center;
}

.content {
  padding: 15px;
}

.page {
  margin-top: 15px;
}

.warning-row {
  color: brown;
}

.bar {
  margin-bottom: 15px;
}

.el-table {
  --el-table-border-color: var(--el-border-color-lighter);
  /* 边框颜色 */
  --el-table-border: 1px solid var(--el-table-border-color);
  /* 边框 */
  --el-table-text-color: var(--el-text-color-regular);
  /* */
  --el-table-header-text-color: white;
  /* */
  --el-table-row-hover-bg-color: var(--el-fill-color-light);
  /* */
  --el-table-current-row-bg-color: var(--el-color-primary-light-9);
  /* */
  --el-table-header-bg-color: #58A6FE;
  /* */
  --el-table-fixed-box-shadow: var(--el-box-shadow-light);
  /* */
  --el-table-bg-color: var(--el-fill-color-blank);
  /* */
  --el-table-tr-bg-color: var(--el-bg-color);
  /* */
  --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
  /* */
  --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --el-table-index: var(--el-index-normal);
}

</style>